<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/css/common.css"/>
    <script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
    <style>

    </style>
    <script src="index.js"></script>
</head>

<body>

<div class="page">

    <div class="content" style="background: white"></div>
    <input onchange="onChageUpload(event)" type="file">
</div>
<script>
    function onChageUpload(e) {
        var file = e.target.files[0];//取选择的第一个文件对象。安卓还是苹果，不支持图片多选。
        let formData = new FormData(); //创建form对象

        var files = e.target.files;

        for (var file in files){
            formData.append('file', file);
        }

        //axios上传
        let config = {headers: {'Content-Type': 'multipart/form-data'}};
        axios.post('hehe/upload', formData, config)
            .then(response => {
                console.log(response.data);
            })
        document.getElementById("xxInput").files[0];

        //jq
        // ……忘记怎么写了

        //直接xhr
        // ……忘记怎么写了


    }

</script>
</body>

</html>